<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="landing/css/GalMenu.css" />
		<link rel="stylesheet" href="landing/css/login.css" />
	</head>
	<body>
		<form>
			<div class="border-radius"></div>
			<input type="text" name="name" placeholder="用户名" />
			<input type="password" name="password" placeholder="密码" />
			<input type="submit" name="submit" value="登陆" class="btn" />
		</form>
		<body>
	<div class="GalMenu GalDropDown">
	      <div class="circle" id="gal">
	        <div class="ring">
	          <a href="index.html" title="" class="menuItem">首页</a>
	          <a href="#" title="" class="menuItem">忘记密码</a>
	          <a href="#" title="" class="menuItem">注册账号</a>
	          <a href="#" title="" class="menuItem">在线客服</a>
	          <a href="#" title="" class="menuItem">关于我们</a>
	          <a href="#" title="" class="menuItem">留言</a></div>
	      </div>
	</div>
	<div id="overlay" style="opacity: 1; cursor: pointer;"></div>
    <script type="text/javascript">var items = document.querySelectorAll('.menuItem');
      for (var i = 0,
      l = items.length; i < l; i++) {
        items[i].style.left = (50 - 35 * Math.cos( - 0.5 * Math.PI - 2 * (1 / l) * i * Math.PI)).toFixed(4) + "%";
        items[i].style.top = (50 + 35 * Math.sin( - 0.5 * Math.PI - 2 * (1 / l) * i * Math.PI)).toFixed(4) + "%"
      }</script>
	<script type="text/javascript" src="jquery/jquery.min.js" ></script>
	<script>window.jQuery || document.write('<script src="js/jquery.min.js"><\/script>')</script>
	<script type="text/javascript" src="landing/js/GalMenu.js" ></script>
    <script type="text/javascript">
    	$(document).ready(function() {
        $('body').GalMenu({
          'menu': 'GalDropDown'
        })
      });</script>
	</body>
</html>
